<template>
  <van-swipe class="my-swipe" :autoplay="3000" indicator-color="red" >
    <van-swipe-item v-for="item in bannerData" :key="item.id">
      <img lazy-load :src="item.image_url" alt class="banner_imgs" />
    </van-swipe-item>
  </van-swipe>
</template>
<script>
export default {
  name: "Banner",
  data() {
    return {};
  },
  methods: {},
  components: {},
  created() {},
  props: ["bannerData"]
};
</script>
<style lang="less" scoped>
.banner_imgs {
  width: 100%;
  height: 100%;
  // 解决图片与盒子之间的一点缝隙问题
  vertical-align:top;
}
</style>
